@charset "utf-8";
@media only screen and (max-width: 640px) {
	* {
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}

    #test1 {
        margin-top: 52px;
    }
    
    .box {
        margin-top: 50px;
        display: block !important;
    }
     .box ul li a img {
         width: 414px;
         height: auto;
     }
     #footer a {
         display: block;
     }
    .layui-carousel {
    display:none;
     }
   .layui-carousel, .swiper-slide a  img {
       width: 100%;
       height: 100%;
     }
	html {
		font-size: 62.5%;
	}
#container ,.container{
		padding-bottom: 0px;
	}
.wrap{width: 100%;}
	body>.nav {
		width: 15rem;
		height: 100%;
		-webkit-transform: translate3d(-15rem, 0, 0);
		transform: translate3d(-15rem, 0, 0);
		transition: 0.3s;
	}

	body.open-menu .nav {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.loading .box img {
		width: 60%;
		display: inline-block;
		margin-bottom: 1.5rem;
		height: auto;
	}

	.loading .box p {
		width: 60%;
		margin: 0 auto;
		font-size: 3rem;
	}

	.nav .layui-nav-tree {
		position: absolute;
		left: 0;
		min-height: 100%;
		padding: 1rem 0;
		/* background: #fff; */
		border-radius: 0;
		width: 100%;
	}

	.nav .layui-nav .layui-nav-item {
		height: 45px;
		line-height: 45px;
	}

	.nav .layui-nav .layui-nav-item p {
		padding: 0 2rem;
	}

	.nav .layui-nav .layui-nav-item p a {
		display: inline-block;
		vertical-align: middle;
		font-size: 1.8rem;
		background: none;
	}

	.nav .layui-nav-tree .layui-nav-child {
		top: 0;
		border-radius: 0;
	}

	.nav .layui-nav-tree .layui-nav-child dd.layui-this,
	.nav .layui-nav-tree .layui-nav-child dd.layui-this a,
	.nav .layui-nav-tree .layui-this,
	.nav .layui-nav-tree.layui-this>a,
	.nav .layui-nav-tree .layui-this>a:hover {
	background-color: #1A85BB !important;
	color: #fff!important;
	}

	.nav .layui-nav-tree .layui-nav-more {
		display: block;
	}

	.nav .layui-nav-itemed>.layui-nav-child {
		background-color: #999 !important;
		z-index: 99;
	}

	.nav .layui-nav .layui-nav-item .layui-nav-child a {
		padding: 0 2rem;
		font-size: 1.6rem;
		color: #fff;
	}

	.pc_nav {
		display: none;
	}

	.mobile_nav {
		display: block;
	}

	.layui-nav-tree .layui-nav-item a:hover {
		color: #fff;
	}

	.main_box {
		position: relative;
		top: 4rem;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: auto;
	}
body.open-menu {
		overflow: hidden;
	}

	body.open-menu .layadmin-body-shade {
		transition: 0.3s;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-transform: translate3d(15rem, 0, 0);
		z-index: 999;
		background: rgba(0, 0, 0, 0.3);
		overflow: hidden;
	}

	body>.header,
	body>.main_box {
		transition: 0.3s;
	}

	body.open-menu>.header,
	body.open-menu>.main_box {
		-webkit-transform: translate3d(15rem, 0, 0);
		transform: translate3d(15rem, 0, 0);
	}

	.header {
		position: fixed;
		top: 0;
		width: 100%;
		height: 50px;
		z-index: 99;
	}
    .product_lista li a.img {
    border: 2px solid #e5e5e5;
    width: 390px;
    max-height: 266px;
    overflow: hidden;
    }
	body.open-menu .main_box {
		position: fixed;
	}
     .m-naver {
      display: block !important;
      } 
      .m-naver li {
          text-align: center;
          width: 14%;
          float: left;
      }
       .m-naver li a {
           display:inline-block;
           line-height: 50px;
       }
	.main {}
.header .top,.header .zhong,#m_div,.kf,.index-pro .pro-menu-con{display: none;}
	.header .nav {
		/*text-align: center;*/
		height: 5rem;
	}

	.header .nav .logo {
		float: none;
		display: inline-block;
		top: 1rem;
		margin: 0;
		position: relative;
	}

	.header .nav .logo img {
		height: 2rem;
	}

	.nav_menu {
		position: absolute;
		width: 20px;
		height: 14px;
		cursor: pointer;
		left: 5%;
		top: -1.5rem;
	}

	.nav_menu .line {
		position: absolute;
		display: block;
		width: 100%;
		height: 2px;
		background-color: #fff;
		left: 0;
		transition: all .5s ease;
		margin: 0;
	}

	.nav_menu .line1 {
		top: 40px;
		-webkit-transform-origin: left top 0;
		-ms-transform-origin: left top 0;
		transform-origin: left top 0;
	}

	.nav_menu .line2 {
		top: 47px;
	}

	.nav_menu .line3 {
		top: 54px;
		-webkit-transform-origin: left bottom 0;
		-ms-transform-origin: left bottom 0;
		transform-origin: left bottom 0;
	}

	.nav_menu.cur .line1 {
		transform: rotate(47deg);
	}

	.nav_menu.cur .line2 {
		display: none;
	}

	.nav_menu.cur .line3 {
		transform: rotate(-47deg);
	}
	#footer{width: 100%;}
	.banner img,.n_banner img{width: 100%;}
	.index-about{height: 600px;}
	.about-box{width: 100%;padding-top: 92px;}
	.index-title1{line-height: 30px;padding-top: 10px;}
	.index-cate{background: none;width: 100%;}
	.index-re-title,.index-re-con{color: #666;}
	.index-re-title{font-size: 22px;}
	.index-re{float: none;margin:5%;width: 90%;padding: 0;}
	
	.pro-box{width: 100%;padding-top: 0;}
	.index-pro{height: auto;}
	.index-pro .pro-menu{float: none;width: 100%;height: 100px;border: none;}
	.pro-con{width: 100%;float: none;}
	.index-news{width: 100%;}
	.index-news img{width: 100%;}
	.news-box,.news-1{width: 100%;float: none;}
	.news-1-content{float: none;width: 97%;padding: 1.5%;}
	.contact-ri{float: none;margin: 10px auto;}
	
	.n_contact,.sitemp .site,.news-1-tu{display: none;}
	.left{display: none;}
	.right{width: 100%;}
	.right .content{width: 98%;padding: 1%;}
	.product_list li{margin: 0!important;}
	.product_lista li,.product_list li {width: 100%;padding: 10px;box-sizing: border-box;margin-right: 0;}
	.roll_product{float: none;}
	
}